<?xml version="1.0" encoding="UTF-8"?>

<!--
    Document   : carDetails.xsl
    Created on : September 20, 2011, 3:40 PM
    Author     : Lunardrik
    Description:
        Purpose of transformation follows.
-->

<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0">
    <xsl:output method="html"/>
    <xsl:param name="iID" select="'1'" />
    <!-- TODO customize transformation rules 
         syntax recommendation http://www.w3.org/TR/xslt 
    -->
    <xsl:template match="//Car[CarID=$iID]" priority="9.0">
            <div id="main">
                <div class="left">
                    <span class="searchText" style="width:100%;padding-bottom:30px;">Car's information: </span>
                            Model: <xsl:value-of select="Model" /> <br/> <br/>
                            <xsl:value-of select="Description" />
                </div>
                <div class="right">
                    <span class="searchText">Car's image: </span> <br/>
                    <img style="padding-top:10px" src="images/carImg/{Picture}" width="500" height="300"/> 
                </div>
                <div style="width:100%; padding-top:30px;float:left;">
                     <div style="width:70%; float:left;">
                            <button class="rounded" onclick="javascript:history.go(-1);"><span>Return to previous page</span></button>
                     </div>
                     <!--<div style="width:30%;float:left">
                        <button class="rounded"><span>Previous car</span></button>
                        <button class="rounded"><span>Next car</span></button>
                    </div>-->
                </div>
            </div>
    </xsl:template>
    <xsl:template match="//Car[CarID!=$iID]">
    </xsl:template>

</xsl:stylesheet>
